// 组件复写

.el-form.form-inline.el-form--inline {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}

.el-form--inline .el-form-item {
  display: flex !important;
  align-items: center;
  flex-shrink: 0;
}

.el-form-item__label {
  // font-size: 24px !important;
  font-size: 16px !important;
  color: $textPrimary !important;
}
.el-message-box__btns button:nth-child(1){
  display: table-footer-group;
  float: right;
  margin-left: 10px;
}
.btn-custom-cancel {
  display: table-footer-group;
  float: right;
  margin-left: 10px;
}
// form复写
.el-form-item__content {
  // font-size: 24px;
  font-size: 16px;
  line-height: 35px !important;
}

.el-form-item__label {
  line-height: 35px !important;
}

.el-slider__runway {
  margin: 22px 0;
}

.el-input-number__decrease,
.el-input-number__increase {
  // font-size: 24px !important;
  // height: 48px;
  // width: 48px;
  // line-height: 48px;
  font-size: 16px !important;
  height: 33px;
  width: 33px;
  line-height: 33px;
}

.el-input-number__decrease {
  border-right: 1px solid #ccccda;
  border-radius: 10px 0 0 10px;
}

.el-input-number__increase {
  border-left: 1px solid #ccccda !important;
  border-radius: 0 10px 10px 0;
}

.is-error .el-input-number__decrease,
.is-error .el-input-number__increase,
.is-success .el-input-number__decrease,
.is-success .el-input-number__increase {
  right: 1px !important;
}

//下拉角标复写
.el-input--small .el-input__icon {
  line-height: 30px;

  &::before {
    line-height: 36px;
  }
}

// input框
.el-input--medium,
.el-input--small {
  .el-input__inner {
    // height: 50px !important;
    // line-height: 50px !important;
    //height: 35px !important;
    min-height: 35px !important;
    line-height: 35px !important;
    border: 1px solid #ccccda;
    border-radius: 5px;
    background: $linearGradientBaseGray;
    // font-size: 24px;
    font-size: 16px;
    color: $textPrimary;
    overflow: hidden;

    &[type=number] {
      padding-right: 8px;
    }

    &::-webkit-input-placeholder {
      color: $textSecondary;
    }

    &::placeholder {
      color: $textSecondary;
    }

    &::-moz-placeholder {
      color: $textSecondary;
    }

    &::-ms-input-placeholder {
      color: $textSecondary;
    }
  }

  .el-input__prefix {
    margin-top: 0;
  }

  .el-input__icon {
    line-height: 30px !important;
    // font-size: 24px;
    font-size: 18px;
  }
}

.el-textarea__inner {
  border: 1px solid #ccccda;
  border-radius: 10px;
  background: $linearGradientBaseGray;
  // font-size: 24px;
  font-size: 16px;
  color: $textPrimary;

  &::-webkit-input-placeholder {
    color: $textSecondary;
  }

  &::placeholder {
    color: $textSecondary;
  }

  &::-moz-placeholder {
    color: $textSecondary;
  }

  &::-ms-input-placeholder {
    color: $textSecondary;
  }
}

.el-checkbox,
.el-checkbox__label,
.el-radio,
.el-radio__label {
  // font-size: 24px;
  font-size: 16px;
}

.el-checkbox__inner{
  width: 18px;
  height: 18px;

  &::after {
   margin: 2px 0 0 2px;
  }
}

// 错误提示文字大小复写
.el-form-item--small.el-form-item {
  // margin-bottom:20px;
  margin-bottom: 16px;
}

.el-form-item__error {
  font-size: 12px;

}


//文字大小 lin
.texBig {
  font-size: 16px;

  //显示字数 lin
  .el-textarea .el-input__count {
    font-size: 16x;
    background: none;
  }

  //附件标题 lin
  .el-upload-list__item-name {
    font-size: 16px;
    color: #0e258c;
  }

  //上传和查看标题
  .titleBig {
    font-size: 22px;
    color: $textPrimary;
    margin-bottom: 0.5rem;
  }

  //上传成功、删除按钮
  .el-upload-list__item .el-icon-upload-success,
  .el-upload-list__item .el-icon-close {
    font-size: 16px;
  }

  //
  .el-icon-document {
    color: #0e258c;
  }

}


// 按钮复写
.el-button--small,
.el-button--medium {
  // font-size: 18px !important;
  font-size: 14px !important;
  padding: 8px 15px;
}

.xinner {
  font-size: 36px !important;
}

.xinnerer {
  font-size: 40px !important;
}

//头像
.avatar img {
  width: 100%;
  height: 100%
}

// 弹出复写
.el-popover {
  //font-size: 22px !important;
  line-height: 1.5 !important;
  //max-height: 90vh;

  .el-popover__title {
    font-size: 24px !important;
  }
}

.el-dialog__body {
  // font-size: 24px !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  padding: 20px;

  .el-main {
    // padding: 0 5px 0 0;
    padding: 0;
  }
}

//头像
.avatar img{width: 100%;height: 100%}

// 分页
.el-pagination{
  font-weight: 10;
}
.el-pagination button,
.el-pagination span:not([class*=suffix]) {
  // font-size: 24px;
  font-size: 16px;
  height: 30px !important;
  line-height: 30px !important;
}

.el-pagination__sizes .el-input .el-input__inner,
.el-pagination__editor.el-input .el-input__inner {
  height: 30px !important;
  line-height: 30px !important;
  border: 1px solid #ccccda;
  border-radius: 5px !important;
  background: $linearGradientBaseGray;
  // font-size: 24px;
  font-size: 16px;

  &::-webkit-input-placeholder {
    color: $textSecondary;
  }

  &::placeholder {
    color: $textSecondary;
  }

  &::-moz-placeholder {
    color: $textSecondary;
  }

  &::-ms-input-placeholder {
    color: $textSecondary;
  }
}

.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pagination button:disabled,
.el-pager li {
  // background: transparent !important;
  // font-size: 24px;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}

.page {
  margin-top: 40px;

  .el-pager li,
  .el-pagination button,
  .el-pagination span:not([class*=suffix]) {
    // font-size: 24px !important;
    font-size: 16px !important;
  }

  .el-pagination__sizes .el-input .el-input__inner,
  .el-pagination__editor.el-input .el-input__inner {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 24px !important;
    border: 1px solid #ccccda;
  }
}

.el-pagination .el-select .el-input {
  width: 110px !important;
}

// 文字链接
.el-divider__text,
.el-link {
  // font-size: 24px !important;
  font-size: 18px !important;
}

// 表格复写
.el-table {
  background: transparent;
  // font-size: 24px !important;
  font-size: 16px !important;
  color: $textPrimary;

  tr,
  td {
    background: #fbfbfd;
  }

  th {
    background: #b0bde2 !important;
    color: $textPrimary;
    padding: 14px 0 !important;
  }

  .cell {
    line-height: 1.5;
  }
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #eff2fa
}

// 表格超出提示框样式复写
.el-tooltip__popper {

  font-size: 14px;
  line-height: 1.5;
  position: absolute;
  border-radius: 8px;
  z-index: 2000;
  color: $textPrimary;
  text-align: justify;
  word-break: break-all;
  border: 0;

  .popper__arrow {
    border: 0;
  }

  .popper__arrow::after {
    border: 0;
  }

  &.is-light {
    border: 0;
    background: #fff;
    font-size: 16px;
    padding: 20px 30px;
    min-width: 150px;
    max-width: 800px;
    @include boxShadowGray(5px, 0px, 10px);
  }

}

// 树复写
.el-tree {
  background: transparent !important;
  padding-top: 10px !important;

  .el-tree-node__content {
    height: 30px;
  }

  .el-tree-node__label {
    font-size: 16px;
  }

}

.el-tree-node.is-current>.el-tree-node__content {
  color: $primaryColor;
}

// 下拉菜单复写
.el-select-dropdown__item,
.el-select-dropdown__item,
.el-dropdown-menu--medium .el-dropdown-menu__item,
.el-dropdown-menu--small .el-dropdown-menu__item {
  font-size: 16px !important;
}

.el-dropdown {
  font-size: 16px;
}

// 弹出框复写
.el-dialog__title {
  // font-size: 24px !important;
  font-size: 18px !important;
}

.el-message-box__content {
  font-size: 24px !important;
}

// 提示框样式复写
.el-notification__content {
  font-size: 24px;
  line-height: 1.2;
}

.el-notification__icon {
  font-size: 24px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin-top: 4px;
}

.el-notification {
  padding: 14px 20px 20px 14px;
  display: flex;
  align-items: center;
  //background-image:linear-gradient(#faecd8, #fdf6ec) ;
  background-image:linear-gradient(#ffffff, #ffffff) ;
  border: 3px solid red;
}

// Tag 标签复写
.el-tag {
  font-size: 16px;
}

// Collapse 折叠面板
.el-collapse {
  margin: 16px 0;
  border: 0;
  background: #ffffff;
  border-radius: 10px;
  @include boxShadowBox(3px, 3px, 5px);

  // 序号
  .numTip {
    // line-height: 30px;
    // height: 30px;
    line-height: 25px;
    height: 25px;
    padding: 0 10px;
    text-align: center;
    background: $primaryColor;
    color: #fff;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 14px;
  }

  &:nth-child(2n) {
    background: #eff2fa;
  }

  .el-collapse-item__header {
    background: transparent;
    // font-size: 24px;
    font-size: 16px;
    height: auto;
    line-height: 1.2;
    padding: 10px 0 10px 30px;

    .collapseBox {
      width: 100%;



      .titleBox {
        // font-size: 32px;
        font-size: 18px;
        line-height: 1.5;
        font-weight: bolder;
      }

      .collapseSummary {
        margin-top: 10px;
        color: $infoColor;
        line-height: 1.5;
        width: 100%;
        padding-right: 30px;
      }
    }
  }

  .el-collapse-item__wrap {
    border-bottom: 0;
    padding: 0 30px;

    .el-collapse-item__content {
      // font-size: 24px;
      font-size: 16px;
      line-height: 1.5;

      .el-tree {
        .el-tree-node__content {
          height: auto;
          padding: 5px 0;
        }

        .custom-tree-node {
          width: 100%;
        }
      }

    }
  }
}

// tab签复写

.tabBox {

  .el-tabs__header {
    border-bottom: 0;

    .el-tabs__nav-scroll {
      padding: 5px 0;
    }

    .el-tabs__nav {
      border: 0;

      .el-tabs__item {
        // height: 40px;
        // line-height: 40px;
        height: 30px;
        line-height: 30px;
        padding: 0 20px;
        // font-size: 24px;
        font-size: 16px;
        border-radius: 4px;
        margin: 0 10px;
        border: 0;
        font-weight: normal;
        background: $linearGradientBaseGray;
        @include boxShadowBox(3px, 3px, 8px);

        &.is-active {
          background: $linearGradientBasePrimary;
          @include boxShadowPrimary(3px, 3px, 8px);
          color: #fff;
        }
      }
    }
  }


  .el-tabs__content {
    padding: 15px;
  }

}


// avue样式复写

.avue-empty {
  // font-size: 24px;
  font-size: 16px;
}

.avue-crud {
  overflow-y: auto;
}

.avue-crud .el-input-number .el-input__inner,
.avue-form .el-input-number .el-input__inner {
  text-align: center;
}

.avue-group--header {

  .el-collapse {
    background: transparent;
    box-shadow: none;

  }
}

.user__tree {
  padding-top: 30px !important;
}

.el-tree__empty-text {
  // font-size: 24px;
  font-size: 16px;
}

//退出提示字体大小复写
.el-message-box__status+.el-message-box__message {
  font-size: 18px;
}

//框复写
.el-radio-button--small .el-radio-button__inner{
  font-size: 14px;
}
